<div class="tab-pane active" id="tab1">
    <div class="contentBg position-relative" style="padding-right: 18px;">
        <div class="row txtTitle">
            <div *ngIf="right['taskPermissionList']['query']">
                <input matInput type="text" class="input_style" style="margin-top:-4px;" #queryCriteria="ngModel" (input)="_retrieval(queryCriteria.value)" (keydown.enter)="_retrieval(queryCriteria.value)"
                    placeholder="请输入词语名称检索" ngModel />
                <button class="btn btn-search btn-blue"  mat-button style="margin-right: 10px;" (click)="_retrieval(queryCriteria.value)" mat-button>
                    查询
                </button>
            </div>
            <button class="btn btn-blue" *ngIf="right['taskPermissionList']['create']" data-toggle="modal" mat-button data-target="#productTastListAdd" (click)="addNewRootTask();initService._init(1)">
                    新增任务
                </button>
            <!-- <button class="btn btn-blue" data-toggle="modal" [disabled]="removeTableService?._isEmpty()" data-target="#synonymDelete" mat-button> -->
            <button class="btn btn-blue" *ngIf="right['taskPermissionList']['exportInnertextTaskContext'] && taskType != 2" (click)="initService._init(1)" data-toggle="modal" data-target="#productExport" [disabled]="table.removeTableService.getRemoveTableId == 0"  mat-button>
                    推送标引结果
            </button>
        </div>

        <!-- 表格 BEGIN -->

        <app-product-indexing-task-list-table #table></app-product-indexing-task-list-table>

        <!-- 表格 END -->

        <!-- 分页 BEGIN -->
        <app-pagination [getTotalItems]="table.total" (isLoadTableFromPagination)="_pagination($event)">
        </app-pagination>
        <!-- 分页 END -->
    </div>

</div>


<!--新增弹窗 BEGIN-->
<app-product-indexing-task-list-add (onSubmit)="table.getTasksList()"></app-product-indexing-task-list-add>
<!--新增弹窗 END-->


<!-- 产品导出标引结果 -->
<app-product-export [taskId] = "taskId"></app-product-export>
<!-- 产品导出标引结果 end -->